import { useState } from 'react'
import Modal from './components/common/modal'


function App() {
  const [visible, setVisible] = useState(false)
  const onModalClose = () => {
    setVisible(false);
  }
  const onModalConfirm = () => {
    setVisible(false);
  }
  return (
    <div className="App">
      <div>like</div>
      <Modal
        visible={visible}
        title='登录'
        onClose={onModalClose}
        onConfirm={onModalConfirm}
      >
        <div>
          <h3>内容区域</h3>
          <p>wodoadoawod</p>
        </div>
      </Modal>
      <button onClick={() => setVisible(true)}>click me</button>
    </div>
  )
}

export default App
